body {
	padding: 0;
	margin: 0;
	background: #fff;
	text-align: center;
}

#hexas {
	width: 800px;
	height: 600px;
	margin: 0 auto;
}

/* Main layer styles */
.layer path {
	fill: #f0f0f0; 
	/* fill: url(hi.jpg);*/
	stroke-width: 1px;
	stroke: #999;
}
.layer path.signal-hexa {
	fill: #ffe0ca;
	stroke-width: 1px;
	stroke: #730;	
}
.layer path.holder-hexa {
	fill: #cae0ff;
	stroke-width: 1px;
	stroke: #037;
}
.layer path.selected-hexa {
	stroke-width: 2px;
}

/* Auxiliary layer styles */
.auxiliar-layer {
	opacity: 0.5;
}
.auxiliar-layer path {
	fill: #d0e0f0;
	stroke-width: 1px;
	stroke: #9bd;
}

.invisible-hexa {
    opacity: 0;
	fill: #fff;
	stroke-width: 1px;
	stroke: #999;
}
